<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="sample.css">
<title>Web Application Starter Project</title>
<script type="text/javascript" language="javascript" src="sample/sample.nocache.js"></script>
</head>
<body>
	<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
		style="position: absolute; width: 0; height: 0; border: 0"
	></iframe>
	<noscript>
		<div
			style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"
		>Your web browser must have JavaScript enabled in order for this application to display correctly.</div>
	</noscript>
	<div>
		<textarea rows="8" cols="40" id="jsondata">
[
  { "name": "Node 1" },
  { "name": "Node 2" },
  { "name": "Parent 1" , "children": [
     { "name": "Child 1" },
     { "name": "Child 2" }
  ]},
  {"name": "Node 3"}
]
    	    	</textarea>
	</div>
	<div id="treeContainer"></div>
</body>
</html>
